<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商家订单</title>
    <link rel="stylesheet" href="../plugins/layui/layui-v2.5.6/layui/css/layui.css">

</head>
<body>
    <script src="../plugins/layui/layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
    <script>

    </script>
          
    <div class="layui-fluid" style="padding: 0">
        <ul class="layui-nav">
            <li class="layui-nav-item">
                <a href="../view/merchant.html">我的商品<span class="layui-badge-dot"></span></a>
              </li>    
              <li class="layui-nav-item layui-this">
                <a href="../view/merchant-orders.html">我的订单<span class="layui-badge">9</span></a>
              </li>
              <li class="layui-nav-item">
                  <a href="../view/merchant-comment.html ">收到评论<span class="layui-badge-dot"></span></a>
              </li>      
            <li class="layui-nav-item">
              <a href=""><img src="../img/b1.png" class="layui-nav-img">我</a>
              <dl class="layui-nav-child">
                <dd><a href="javascript:;">修改信息</a></dd>
                <dd><a href="javascript:;">安全管理</a></dd>
                <dd><a href="javascript:;">退了</a></dd>
              </dl>
            </li>
          </ul>
    </div>

    <div class="merchant-order"  id="layerDemo" style="padding: 20px;">

        <div class="layui-row" style="background-color: #eaeaea;text-align: center;height: 30px;line-height: 30px;color: #666666;">
            <div class="layui-col-md6">
                订单详情
            </div>
            <div class="layui-col-md1">
                数量    
            </div>
            <div class="layui-col-md1">
                收货人
            </div>
            <div class="layui-col-md1">
                收货人地址
            </div>
            <div class="layui-col-md1">
                收货人电话
            </div>
            <div class="layui-col-md1">
                金额
            </div>
            <div class="layui-col-md1">
                操作
            </div>
        </div>

        <div class="order-detail-table" style="margin-top: 15px;border: solid 0.5px #eaeaea;">
            <div class="order-detail-title" style="background-color: #eaeaea;height: 30px;line-height: 30px;">
                <span style="margin-right: 20px;color: #aaaaaa;">2020-06-12  20:20:20 </span>
                <span style="color: #666666;">订单号:</span><span>202006120001</span> 
            </div>

            <div class="layui-row" style="background-color: #ffffff;text-align: center;height: 100px;padding-top: 15px;padding-bottom: 15px;">
                <div class="layui-col-md6 order-table-border">
                    <div class="layui-col-md2">
                        <img src="../img/p2.png" alt="">
                    </div>
                    <div class="layui-col-md10">云南新鲜夏黑葡萄无籽葡萄5斤【礼盒装】 新鲜水果葡萄提子京东生鲜</div>
                </div>
                <div class="layui-col-md1 order-table-border">
                    2
                </div>
                <div class="layui-col-md1 order-table-border">
                    zzz
                </div>
                <div class="layui-col-md1 order-table-border">
                    东方文荟苑
                </div>
                <div class="layui-col-md1 order-table-border">
                    18111111111
                </div>
                <div class="layui-col-md1 order-table-border" style="padding: 5px;">
                    89
                </div>
                <div class="layui-col-md1" style="line-height: 30px;">
                    <span><a href="">退款</a></span>

                </div>
            </div>
        </div>

        <div class="order-detail-table" style="margin-top: 15px;border: solid 0.5px #eaeaea;">
            <div class="order-detail-title" style="background-color: #eaeaea;height: 30px;line-height: 30px;">
                <span style="margin-right: 20px;color: #aaaaaa;">2020-06-12  20:20:20 </span>
                <span style="color: #666666;">订单号:</span><span>202006120001</span> 
            </div>

            <div class="layui-row" style="background-color: #ffffff;text-align: center;height: 100px;padding-top: 15px;padding-bottom: 15px;">
                <div class="layui-col-md6 order-table-border">
                    <div class="layui-col-md2">
                        <img src="../img/p2.png" alt="">
                    </div>
                    <div class="layui-col-md10">云南新鲜夏黑葡萄无籽葡萄5斤【礼盒装】 新鲜水果葡萄提子京东生鲜</div>
                </div>
                <div class="layui-col-md1 order-table-border">
                    2
                </div>
                <div class="layui-col-md1 order-table-border">
                    zzz
                </div>
                <div class="layui-col-md1 order-table-border">
                    东方文荟苑
                </div>
                <div class="layui-col-md1 order-table-border">
                    18111111111
                </div>
                <div class="layui-col-md1 order-table-border" style="padding: 5px;">
                    89
                </div>
                <div class="layui-col-md1" style="line-height: 30px;">
                    <span><a href="">退款</a></span>

                </div>
            </div>
        </div>
    </div>
</body>
</html>